<html><!--<![endif]-->
<head>
    <title>阿星影院在线售票</title>

    <link rel="dns-prefetch" href="//p0.meituan.net">
    <link rel="dns-prefetch" href="//p1.meituan.net">
    <link rel="dns-prefetch" href="//ms0.meituan.net">
    <link rel="dns-prefetch" href="//s0.meituan.net">
    <link rel="dns-prefetch" href="//ms1.meituan.net">
    <link rel="dns-prefetch" href="//analytics.meituan.com">
    <link rel="dns-prefetch" href="//report.meituan.com">
    <link rel="dns-prefetch" href="//frep.meituan.com">


    <meta charset="utf-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta http-equiv="cleartype" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">

    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="${base}/static/css/index/ef9cella.css">
    <link rel="stylesheet" href="${base}/static/css/index/598bbaa8.css">
    <link rel="stylesheet" href="${base}/static/css/index/8ba7074d.css">
    <link rel="stylesheet" href="${base}/assets/css/layui/layui.css">
    <style>
        @font-face {
            font-family: stonefont;
            src: url('//vfile.meituan.net/colorstone/cb7a08d5e7873204add737dcb83a0fb73168.eot');
            src: url('//vfile.meituan.net/colorstone/cb7a08d5e7873204add737dcb83a0fb73168.eot?#iefix') format('embedded-opentype'),
            url('//vfile.meituan.net/colorstone/b676339b85cdb4044eacae11fd988f3f2080.woff') format('woff');
        }

        .layui-btn-danger {
            background-color: #ff1c29;
        }
        .layui-btn-lg {
            height: 44px;
            line-height: 44px;
            padding: 0 25px;
            font-size: 16px;
            width: 230px;
        }
    </style>
    <meta name="lx:autopv" content="off">
    <meta name="lx:appnm" content="movie">
    <meta name="lx:category" content="movie">
</head>
<body>
<div class="header">
    <div class="header-inner">
        <img src="${base}/static/image/star.png">
        <div class="ciname-name">阿星影城</div>
        <div class="user-info">
            <div class="user-avatar has-login">
                <img src="${user.header}">
                <span class="caret"></span>
                <ul class="user-menu">
                    <li class="text">
                        <a href="${base}/ticket/user/orderInfo.page">我的订单</a>
                        <input type="hidden" name="userId" value="${user.id}">
                    </li>
                    <li class="text login-name"><a href="${base}/ticket/index/index.page">返回首页</a></li>
                    <li class="text login-name"><a href="${base}/ticket/user/userInfo.page?userId=${user.id}">个人中心</a></li>
                    <li class="text"><a href="${base}/login/logout.do" class="J-logout">退出登录</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="header-placeholder"></div>
<div class="container" id="app" style="margin-top: 20px;">
    <div class="count-down-wrapper">
        <div class="count-down" data-payleftseconds="839">
            <p class="time-left">
                请在
                <span class="minute">13</span>
                分钟
                <span class="second">37</span>秒内完成支付
            </p>
            <p class="tip">超时订单会自动取消，如遇支付问题，请致阿星影院客服：1010-5335</p>
        </div>
    </div>

    <p class="warning">请仔细核对场次信息，出票后将<span class="attention">无法退票和改签</span></p>

    <table class="order-table">
        <thead>
        <tr>
            <th>影片</th>
            <th>时间</th>
            <th>厅号</th>
            <th>座位</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="movie-name">《阿丽塔：战斗天使》</td>
            <td class="showtime">今天 2月28日 22:50</td>
            <td class="cinema-name">一期 5号厅 MX4D动感特效 儿童需购票</td>
            <td>
                <div class="seats">
                    <div>
                        <span class=""><i>7</i>排<i>8</i>座</span>
                    </div>
                    <div>
                    </div>
                </div>
            </td>
        </tr>
        </tbody>
    </table>


    <div class="right">
        <div class="price-wrapper">
            <span>实际支付 :</span>
            <span class="price">39.5</span>
        </div>
        <div>
            <a class="layui-btn layui-btn-danger layui-btn-lg layui-btn-radius" id="confirmBtn">确认支付</a>
        </div>
    </div>

    <form name="cashierForm" method="post" action="https://mpay.meituan.com/cashier/pc/index">
        <input type="hidden" name="token" value="">
        <input type="hidden" name="tradeno" value="">
        <input type="hidden" name="pay_token" value="">
        <input type="hidden" name="website" value="mtmaoyan">
        <input type="hidden" name="pay_success_url" value="http://www.maoyan.com/order/result/20856259384">
        <input type="hidden" name="nb_platform" value="www">
        <input type="hidden" name="nb_source" value="cashier-pcforcustomer">
    </form>


    <div class="modal-container" style="display:none" id="invalid">
        <div class="modal">
            <span class="icon"></span>

            <p class="tip">支付超时，该订单已失效，请重新购买</p>

            <div class="ok-btn btn">我知道了</div>
        </div>
    </div>

    <div class="modal-container" style="display:none" id="pay">
        <div class="modal">
            <p class="tip">请确保您的账户余额充足，才能成功下单！</p>
            <p class="tip">本次消费：88.88</p>
            <a class="layui-btn layui-btn-warm layui-btn-radius">取消订单</a>
            <a class="layui-btn layui-btn-danger layui-btn-radius">确认支付</a>
        </div>
    </div>

</div>

<div class="footer" style="visibility: visible;">
    <p class="friendly-links">
        商务合作邮箱：v@maoyan.com
        客服电话：10105335
        违法和不良信息举报电话：4006018900
        <br>
        投诉举报邮箱：tousujubao@meituan.com
        舞弊线索举报邮箱：wubijubao@maoyan.com
    </p>
    <p>江苏阿星影城有限公司</p>
</div>
<script src="${base}/assets/js/layui/layui.all.js"></script>
<script>
    layui.use(['jquery'], function () {
        var $ = layui.jquery;
        $(document).on("click", "#confirmBtn", function () {
            $("#pay").show();
        });

    });
</script>
</body>
</html>